<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"><!-- InstanceBegin template="/Templates/general.dwt" codeOutsideHTMLIsLocked="false" -->
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- InstanceBeginEditable name="doctitle" -->
        <title>SATK - Inscripci&oacute;n</title>
        <!-- InstanceEndEditable -->
        <link href="/satk/resources/css/theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
        <link href="/satk/resources/css/vanadium.css" rel="stylesheet" type="text/css" />
        <link href="/satk/resources/css/global.css" rel="stylesheet" type="text/css" />
        <script src="/satk/resources/js/jquery-1.5.1.min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/jquery-ui-1.8.12.custom.min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/vanadium-min.js" type="text/javascript" ></script>
        <script src="/satk/resources/js/jquery-general-SATK.js" type="text/javascript" ></script>
        <!-- InstanceBeginEditable name="head" -->
        <!-- InstanceEndEditable -->
    </h:head>

    <h:body>
        <div class="body-div">
            <ui:include src="/Templates/theme/headTheme.xhtml" />
            <div class="body-warp ui-content ui-widget ui-widget-content ui-corner-all">
                <div id="body-left" class="ui-corner-left">
                    <!-- InstanceBeginEditable name="body-left" -->
                    <!-- InstanceEndEditable -->
                </div>
                <div id="body-right">
                    <!-- InstanceBeginEditable name="body-contenido" -->
                    <div class="ui-content ui-widget ui-widget-content ui-corner-all" >
                        <div class="ui-content-body ui-widget-content">
                            <h:form id="Inscripcion" styleClass="ui-form">
                                <script type="text/javascript">
                                    $(function(){
                                        $("#mensajeModos").message('info');
                                    });
                                </script>
                                <fieldset>
                                    <legend>Inscripci&oacute;n</legend>
                                    <h:panelGroup layout="block" id="inputForm">
                                        <script type="text/javascript">
                                            jQuery(function(){
                                                SATK.Forms.markRequired("#Inscripcion");
                                                $(".-cFecha").datepicker({ 
                                                    showOn: 'button', buttonImageOnly: true, 
                                                    buttonImage: SATK.Bases.iconCalendar(), showAnim: 'clip', 
                                                    changeMonth: true, changeYear: true, minDate: "-80Y"}); 
                                            });
                                        </script>
                                        <p>
                                            <h:outputLabel for="insboleta">Boleta:<span /></h:outputLabel>
                                            <h:inputText id="insboleta" maxlength="45" required="${true}" value="#{adminInscripcionesBean.newInscripcion.persona.boleta}" >
                                                <f:ajax render="insnombre" event="blur" execute="@this" listener="#{adminInscripcionesBean.findPersona()}" />
                                            </h:inputText>
                                            <h:outputLabel for="insnombre">Nombre:</h:outputLabel>
                                            <h:inputText disabled="disabled" id="insnombre" value="#{adminInscripcionesBean.newInscripcion.persona.fullName}"/>
                                            <h:inputHidden id="competidorid" value="#{adminInscripcionesBean.newInscripcion.persona.identificador}"/>
                                        </p>
                                        <h:message for="boleta" />
                                        <p>
                                            <h:outputLabel for="inscategoria">Categoria:<span /></h:outputLabel>
                                            <h:selectOneMenu id="inscategoria" required="${true}" value="#{adminInscripcionesBean.newInscripcion.categoria.identificador}">
                                                <f:selectItems value="#{adminInscripcionesBean.categorias}"/>
                                                <f:ajax render="inscinta" event="blur" execute="@this" />
                                            </h:selectOneMenu>
                                        </p>
                                        <h:message for="categoria" />
                                        <p>
                                            <h:outputLabel for="inscinta">Cinta:<span /></h:outputLabel>
                                            <h:selectOneMenu id="inscinta" required="${true}" value="#{adminInscripcionesBean.newInscripcion.cinta.identificador}">
                                                <f:selectItems value="#{adminInscripcionesBean.cintas}"/>
                                            </h:selectOneMenu>
                                        </p>
                                        <h:message for="cinta" />
                                        <fieldset class="ui-form-subfieldset">
                                            <legend>Modalidad de competencia</legend>
                                        <div id="mensajeModos">Seleccione por lo menos una modalidad</div>
                                        <p>
                                            <h:outputLabel for="inskatain">Kata individual:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="inskatain" value="#{adminInscripcionesBean.newInscripcion.kai}"/>
                                        </p>
                                        <p>
                                            <h:outputLabel for="inskumitemu">Kumite Musabetsu:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="inskumitemu" value="#{adminInscripcionesBean.newInscripcion.kua}"/>
                                        </p>
                                        <p>
                                            <h:outputLabel for="inskumitein">Kumite Individual:</h:outputLabel>
                                            <h:selectBooleanCheckbox id="inskumitein" value="#{adminInscripcionesBean.newInscripcion.kua}"/>
                                            <h:selectOneMenu id="inspeso" required="${true}" value="#{adminInscripcionesBean.newInscripcion.peso}">
                                                <f:selectItems value="#{allInsitucionesBean.selectItems}"/>
                                            </h:selectOneMenu>
                                        </p>
                                        </fieldset>
                                        <p class="ui-form-command">
                                        <h:commandButton id="creaCategoria" value="Inscribir" type="submit"
                                                         actionListener="#{adminInscripcionesBean.add(adminInscripcionesBean.newInscripcion)}"/>
                                        <h:commandButton id="clearForm" value="Limpiar" type="reset" />
                                        </p>
                                    </h:panelGroup>
                                </fieldset>
                            </h:form>
                        </div>
                    </div>
                    <!-- InstanceEndEditable -->
                </div>
            </div> <!-- END class="body-content" -->
            <ui:include src="/Templates/theme/footerTheme.xhtml" />
        </div>
    </h:body>
<!-- InstanceEnd --></html>
